<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/patriarch/patriarchNoOrders.css"/>
	</head>

	<body>
		<a href="index.html" id="home">
			<img src="img/index/home.png" />
		</a>
		<div class="bg">
			
		</div>
		<div class="patriarchNoOrders">
			<p>订单统计</p>
			<ul>
				<!--订单项目列表-->
				<li class="listda listd" onclick="aa(this)" >
					<p><span>项目：保教费</span><span>日期：2017.04.21</span><img src="img/patriarch/down.png" class="down"/><img src="img/patriarch/up.png" class="up"/></p>
					<ul>
						<li><span>金额：800.00</span><span>时间：10:20:30</span></li>
						<li>订单号：alkjdlaskjdl46354</li>
						<li><span>状态：</span><span>成功</span><span>时间：2017.04.29 10:21:00</span></li>
					</ul>	
				</li><!--订单项目列表结束-->
				<!--订单项目列表-->
				<li class="listdb listd" onclick="aa(this)" >
					<p><span>项目：保教费</span><span>日期：2017.04.21</span><img src="img/patriarch/down.png" class="down"/><img src="img/patriarch/up.png" class="up"/></p>
					<ul>
						<li><span>金额：800.00</span><span>时间：10:20:30</span></li>
						<li>订单号：alkjdlaskjdl46354</li>
						<li><span>状态：</span><span>成功</span><span>时间：2017.04.29 10:21:00</span></li>
					</ul>	
				</li><!--订单项目列表结束-->
				
			</ul>
		</div>
	</body>
	<script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/font.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var oHeight = document.body.scrollHeight;
		var oWidth = document.body.scrollWidth;
		
		
		function aa(obj) {
			$(obj).height("auto")
			$(".bg").show()
			$(".bg").height(oHeight);
			$(".bg").width(oWidth);
			$(obj).children("p").children("img.up").show();
			$(obj).children("p").children("img.down").hide();
			$(obj).css("background","#FFFFFF")
		}

		$(".bg").on("click", function() {
			$(".listd").height("4rem")
			$(this).hide()
			$(".up").hide();
			$(".down").show();
			$(".listda").css("background","#d2ffee");
			$(".listdb").css("background","#ffd4ea");
		})
		
	</script>

</html>